<template>
  <view class="wrapper">
    <view class="header">
      <image src="/static/img/qt/vip_info_bg.png" class="bg"></image>
      <text class="text">会员说明</text>
    </view>
    <view class="content">
      <rich-text :nodes="content"></rich-text>
    </view>
  </view>
</template>

<script>
export default {
  name: "index",
  data() {
    return {
      content: `
      <p>①持卡人姓名须与本会员卡记载相符合，发现不符合者禁止止使用并收回本卡；</p><br>
      <p>②会员进入俱乐部前应出示本会员卡以供核对；</p><br>
      <p>③会员遗失本卡申请补发应缴纳人民币XX元整；</p><br>
      <p>④在法律允许范围内本俱乐部保留最终解释权。</p>
`
    }
  },
}
</script>

<style scoped lang='scss'>
.wrapper {
  .header {
    height: r(188px);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: r(36px);
    font-weight: 500;
    color: #2B231A;
    position: relative;

    .bg {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
    }

    .text {
      position: relative;
    }
  }

  .content {
    padding: r(40px);
  }
}
</style>